// pages/groupSpace/groupSpace.js
const app = getApp();
Page({
  /**
   * 页面的初始数据
   */
  data: {
    pageSize: 10,
    pageIndex: 1,
    isNoMore: false, //是否还有数据   
    isShowLoad: false, //是否显示底部loading组件
    comments: [], //内容列表
    swiperList: [],
    interval: true,
    duration: 3000,
    previousMargin: '30rpx',
    nextMargin: '30rpx',
    isShowed: false, //是否已经展示
    myGroupList: [], //我的群空间列表数据
    isRequest: false, //是否请求中

    //车型组件
    carBrandModel: '请选择品牌', //车型选择
    carBrand: '', //品牌
    carBrandId: 0, //品牌id
    carModel: '', //车型
    carModelId: 0, //车型id

    //省市组件
    cityId: 201,
    cityName: '北京',
    cityPickerIsShow: false,
    cityPickerValue: ["0", "0", "0"], //缓存选择的城市信息
    cityInitPickerValue: ["0", "0", "0"], //首次加载默认城市信息
  },
  // methods:{


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let self = this;
    this.getBannerList();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    let self = this;
    self.setData({
      pageIndex: 1
    })
    self.getGroupData();
    if (self.data.isShowed) {
      return;
    }
    self.setData({
      isShowed: true
    })
    app.getSession().then(function () {
      if (app.globalData.userInfo.CarGroupIds.length > 0 && app.globalData.userInfo.CarGroupIds[0] > 0) {
        let id = app.globalData.userInfo.CarGroupIds[0];
        wx.navigateTo({
          url: '/pages/groupSpace/communitySquare/communitySquare?CarGroupID=' + id,
        });
      }
    });
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },
  //前往车型选择页面
  goToChoiceCarModelTap: function () {
    wx.navigateTo({
      url: '/pages/carmake/carmake?showLevel=1',
    })
  },
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    let self = this;
    self.setData({
      comments: [],
      pageIndex: 1,
      isNoMore: false
    })
    self.getGroupData(); //加载更多
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    let self = this;
    if (self.data.isNoMore) {
      return;
    }
    self.data.pageIndex++;
    self.getGroupData(); //加载更多
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    return app.globalData.shareInfo;
  },
  /**
   * 获取群组
   */
  getGroups: function (ids) {
    let self = this;
    let url = app.globalData.apiRootUrl + "/CarGroup/CarGroups";

    app.httpRequest({
      url: url,
      data: {
        groupIds: ids
      },
      success: function (res) {
        let rdata = res.data;
        if (rdata.status == 0 && rdata.data) {
          self.setData({
            myGroupList: rdata.data
          })
        }
      },

    })
  },
  /**
   * 获取数据
   */
  getGroupData: function () {
    let self = this;
    let url = app.globalData.apiRootUrl + "/CarGroup/GetCarGroupsV2";

    let data = {
      PageSize: self.data.pageSize,
      PageIndex: self.data.pageIndex,
      CityID: parseInt(self.data.cityId),
      MasterBrandID: self.data.carBrandId
    };

    self.setData({
      isShowLoad: true, //显示底部loading组件
    })

    app.httpRequest({
      url: url,
      data: data,
      method: "post",
      success: function (res) {
        let rdata = res.data;
        if (rdata.status == 0) {
          if (self.data.pageIndex == 1) {
            self.setData({
              comments: rdata.data.rows
            });
          } else if (rdata.data.rows.length > 0) {
            let comments = self.data.comments;
            comments = comments.concat(rdata.data.rows);
            self.setData({
              comments: comments
            });
          }
        }
        //如果返回的数据长度小于页大小，则说明没有数据了
        if (rdata.data.rows.length < self.data.pageSize) {
          self.setData({
            isShowLoad: true,
            isNoMore: true // true 没有数据了  false  还有数据
          });
        } else {
          self.setData({
            isShowLoad: false //今日推荐是否显示底部loading组件
          });
        }
      },
      fail: function (err) {
        console.log('获取第一页数据失败');
        self.setData({
          isShowLoad: false //今日推荐是否显示底部loading组件
        });
      },
      complete: function () {
        wx.stopPullDownRefresh();
      }
    })
  },

  /**
   * 调整到群空间
   */
  gotoDetail: function (e) {
    let id = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: '/pages/groupSpace/communitySquare/communitySquare?CarGroupID=' + id,
    });
  },
  /**
   * 群主入群
   */
  connectManager: function (e) {
    let id = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: '/pages/groupSpace/joinGroupOwner/joinGroupOwner?CarGroupID=' + id
    })
  },
  /**
   * 获取头图列表
   */
  getBannerList: function () {
    let self = this;
    let url = app.globalData.apiRootUrl + "/Common/GetBannerList";
    app.httpRequest({
      url: url,
      data: {
        category: 5
      },
      success: function (res) {
        //console.log('文章', res);
        let rdata = res.data;
        if (rdata.status == 0 && rdata.data.length) {
          self.setData({
            swiperList: rdata.data
          })
        }
      },
      fail: function (err) {
        console.log('获取第一页数据失败');

      },
      complete: function () {

      }
    })
  },
  /**
   * 跳转到详情
   */
  bannerTap: function (e) {
    if (e.currentTarget.dataset.lurl) {
      let query = encodeURIComponent(e.currentTarget.dataset.lurl);
      wx.navigateTo({
        url: '/pages/webView/webView?webUrl=' + query
      });
    }
  },
  /**
   *  地址组件的切换
   */
  toggleCityPicker: function () {
    let self = this;
    self.setData({
      cityPickerIsShow: !self.data.cityPickerIsShow
    })
  },
  /**
   *  取消地址选择
   */
  onCityCacnelClick: function (e) {
    let self = this;
    self.setData({
      cityPickerIsShow: false
    });
  },
  /**
   *  地址组件选择确认
   */
  onCitySureClick: function (e) {
    let self = this;
    self.setData({
      cityPickerValue: e.detail.valueCode, //缓存选择的城市信息     
      cityId: e.detail.valueCode[1],
      cityName: e.detail.valueName[1],
      cityPickerIsShow: false,
      pageIndex: 1
    });
    self.getGroupData();
  },
})